<!--html xmlns="http://www.w3.org/1999/xhtml">-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../../../public/stylesheets/style_main.css" />
<link rel="stylesheet" href="@{'/public/stylesheets/jquery-ui-1.7.3.custom.css'}">

<title>Disponibilidad Horaria</title>
    
<script language="JavaScript">
function pregunta(i){
    if (confirm('¿Estas seguro de actualizar esta información?')){
       if(i==1){
           document.form1.submit()
       }else if(i==2){
           document.form2.submit()
       }else if(i==3){
           document.form3.submit()
       }       
    }
}
</script> 

<script language="JavaScript">
//function seleccionar(i){   
//El código JavaScript para cambiar el item seleccionado sería:

document.getElementById('diaHoraIni[0]').selectedIndex=7 //los elementos se numeran empezando por cero
   
//}
</script> 

<script src="@{'/public/javascripts/jquery-1.3.2.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
<script src="@{'/public/javascripts/jquery-ui-1.7.3.custom.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>

<script type="text/javascript">
	 $(function() {
            $( ".fecha" ).datepicker();
    });
</script>

<!-- Fin Escript-->
</head>

<body>

    <div id="page">
		
        <div id="header">
        
         <table width="300" border="0" align="right">
              <tr>
                  <th>&nbsp;</th>
                  <th>&nbsp;</th>
              </tr>
              <tr>
                  <th>SEMESTRE :</th>
                  <th>${SA.sem_vcNombre}</th>
              </tr>
	      <tr>
		<th>INICIO :</th>
                <th>${SA.getInicio()}</th>
              </tr>
              <tr>
                <th>FIN :</th>
                <th>${SA.getFin()}</th>
              </tr>
              <tr>
    		<th>DOCENTE :</th>
    		<th>Jorge CHAVEZ SOTO</th>
              </tr>
              <tr>
                <th>CODIGO :</th>
                <th>69874569</th>
              </tr>
              <tr>
              <th>FECHA ACTUAL :</th>
                <th>
                	<script>
						var f = new Date();						
							hora = new Date();
							var minutos = hora.getMinutes ();
							if (minutos<=9) minutos = "0" + minutos;
							document.write(f.getDate() + "/" + (f.getMonth() +1) + "/" + f.getFullYear()+" Hora: "+hora.getHours()+":"+minutos);
													
						</script>
                   
                </th>
                
              </tr>
	</table>
      
        <div id="headerTitle">&nbsp;</div>
        <div id="headerSubText">&nbsp;</div>
           
      </div>
        <div id="bar">

        	<div class="navLink"><a href="#">Inicio</a></div>
           	<div class="navLink"><a href="PerfilJefe">Mi perfil</a></div>
            <div class="navLink"><a href="listaDocentes">Lista de Docentes</a></div>
            <div class="navLink"><a href="periodoEnvio">Configuraci&oacute;n</a></div>
            <div class="navLink"><a href="@{Secure.logout()}">Salir</a></div>
            
      </div>
        
      <div class="contentText">
          <p>&nbsp;</p>
          
      <form name="form1" action="@{dptoAcademico.registrarPeriodo()}" method="post" >      
    <table width="441" border="2" align="center" >
      <tr>
        <td colspan="4"  >FECHA DE INICIO Y FIN DEL ENV&Iacute;O DE DISPONIBILIDAD HORARIA</td>
      </tr>
         
        <tr>
        <td width="105" >&nbsp;</td>
        <td width="114">INICIO :</td>
        <td width="132" class="cuerpo" ><input name="PE.per_datFechaInicio" type="text" class="fecha"  value="${PE.getInicio()}" size="10"></td>
        <td width="126" >&nbsp;</td>
        </tr>
         <tr>
        <td align="center" >&nbsp;</td>
        <td >FINALIZA :</td>
        <td ><input name="PE.per_datFechaFin" type="text" class="fecha" value="${PE.getFin()}" size="10"></td>
        <td align="center" >&nbsp;</td>
        </tr>
         <tr>
             <td colspan="4"> <input id="botonPeriodo" type="button" onClick="pregunta(1)" value="Actualizar"> </td>
        </tr> 
        </table>           
      </form>
      
      <form name="form2" action="@{dptoAcademico.registrarDiasHorasClase()}" method="post">
     <table width="569" border="2" align="center" >
         <tr>
        <td colspan="6" >D&Iacute;AS Y HORAS DE CLASES</td>
        </tr>
    <!-- Empezamos A Trabajar --> 
    	%{ i=0;}%
        #{list items:PB, as:'pb1'}
             	   
        <tr>
		        #{if (pb1.pla_sElegido == "si")}
    				<td  align="center" >Si <input name="dia[${i}]" type="radio" value="si" checked ></td>
                	<td align="center" >No <input name="dia[${i}]" type="radio" value="no" ></td>
                #{/if}
                #{else}
    				<td align="center" >Si <input name="dia[${i}]" type="radio" value="si" ></td>
                	<td align="center" >No <input name="dia[${i}]" type="radio" value="no" checked ></td>
                #{/else} 
            
	 	  <td width="48"  >Dia ${i}:</td>
       		<td >
           		<select name="ini_dia[${i}]" id="diaHoraIni[${i}]" >
          			#{list items:7..22, as:'j'}
                    	 #{if (pb1.pla_iHoraInicioClases == j)}
            				<option value="${j}" selected> ${j}:00</option>
                         #{/if}
                         #{else}
                         	<option value="${j}"> ${j}:00</option>
                         #{/else}   
          			#{/list}
        		</select>
        	</td>
        	<td width="42" align="center" > hasta</td>
        	<td width="127" align="center" >
            	<select name="fin_dia[${i}]" id="diaHorafin[${i}]" >
             	#{list items:7..22, as:'j'}
            		 #{if (pb1.pla_iHoraFinClases == j)}
            				<option value="${j}" selected> ${j}:00</option>
                         #{/if}
                         #{else}
                         	<option value="${j}"> ${j}:00</option>
                         #{/else} 
          		#{/list}
        		</select>
             </td>
          </tr>
          %{i=i+1;}%
          #{/list}
<!--Fin del Area de Trabajo -->          
          <tr>
              <td colspan="6" align="center" ><input id="botonPlantilla" type="button" onClick="pregunta(2)" value="Actualizar"></td>
          </tr>
          </table>
      </form>
      <form name="form3">
<table width="465" border="2" align="center" >
          <tr>
        <td colspan="3" align="center" >EL  R&Eacute;GIMEN DE DEDICACI&Oacute;N DE LOS DOCENTES ORDINARIOS </td>
        </tr>
        
          <tr>
        <td width="218" >Docente Regular :<br>
          </td>
        <td width="68" ><input type="text" name="" size="10"/></td>
        <td width="155" align="center" >&nbsp;</td>
        </tr>
          <tr>
        <td >Docente a  Tiempo Parcial :</td>
        <td ><input type="text" name="input" size="10"/></td>
        <td align="center" >&nbsp;</td>
        </tr>
        <tr>
        <td >Docente a Dedicaci&oacute;n  Exclusiva :</td>
        <td ><input type="text" name="input2" size="10" /></td>
        <td align="center" >&nbsp;</td>
        </tr>
        
      <tr>
        <td colspan="3" align="center"><input type="button" onClick="pregunta(3)" value="Actualizar"></td>
      </tr>
        
      <tr>
        <td colspan="3" >&nbsp;</td>
      </tr>
      </table>
      </form>
    <p>&nbsp;</p>
     
        <p>:)</p>
      </div>
</div>
    <div id="footer"><a href="http://www.unmsm.edu.pe">Copyright</a> | <a href="http://www.unmsm.edu.pe">Universidad Nacional Mayor de San Marcos</a> |<a> Ing. Software</a> | </div>
</body>
</html>